/*
  学习目标：声明状态state - 数据
  💥 注意, 早期只有class组件才可以声明状态, 函数式组件不可以
  步骤：
     1.state的作用：声明数据。
*/

import React from 'react';

export default class App extends React.Component {
  // 2.声明方式：state = {}
  state = {
    // 🔔键名就是数据变量名
    count: 80,
    msg: 'hello React',
  };

  render() {
    console.log('this  ----->  ', this);
    //  3. 使用方式：通过this.state.属性名
    // 4. this指向组件实例对象。
    return <h1>App - {this.state.msg}</h1>;
  }
}
